querySelectorAll vs getElementById
querySelectorAll可以選擇多個項目,但 getElementById一次只能選擇一個項目
var c1 = document.querySelectorAll('.b1 .c');
var c2 = document.getElementsByClassName('c');
getElementById只能用在document上,因为正常情况下id是唯一的。
getElementById可以使用不合法的id名稱,querySelectorAll卻不行
<div id="my.name"></div>
document.querySelectorAll('#my.name')//找不到
document.getElementById('my.name')//可以正常顯示